<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Sistema de compra y venta The Matrix</title>
<link href="css/bootstrap-3.0.0.css" rel="stylesheet" media="screen">
</head>
<body>
	<!--  Inicio menu -->
	<%@include file="menu.jsp"%>	
	<!--  Fin menu -->
	<div class="container" style="margin-top:-15px;">	
		Resultados de busqueda (10 encontrados)</br>
		<div class="alert alert-success">
		  <strong>Publicaci&oacute;n</strong> Tablet :: <strong>Categor&iacute;a</strong> Nombre de la categoria :: <strong>Subcategor&iacute;a</strong> Nombre de la subcategoria
		</div>		
		<div class="row">
			<div class="col-sm-4 col-md-2">
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Ipad</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal1">
	  						Ver detalles
						</button>
						<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						  <div class="modal-dialog">
						    <div class="modal-content">
						      <div class="modal-header">
						        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						        <h4 class="modal-title" id="myModalLabel">Detalles de la publicaci&oacute;n</h4>
						      </div>
						      <div class="modal-body">
								<div class="row">
        							<div class="col-md-4">
        								<img alt="Tablet" src="img/tablet.jpg">
        							</div>
        							<div class="col-md-8">
        								<form name="detallepublicacion" methos="post" action="">.
        									<table witdh="100%">
        										<tr>
        											<td width="35%"><strong>Titulo:</strong></td>
        											<td>Tablet Ipad</td>
        										</tr>
        										<tr>
        											<td><strong>Descripci&oacute;n:</strong></td>
        											<td>Detalles t&eacute;cnicos del Tablet Ipad</td>
        										</tr>
        										<tr>
        											<td><strong>Estado:</strong></td>
        											<td>Nuevo</td>
        										</tr>				
        										<tr>
        											<td><strong>Precio:</strong></td>
        											<td>S/. 53.9</td>
        										</tr>        	
        										<tr>
        											<td><strong>Cantidad:</strong></td>
        											<td><input name="txtCantidad1" id="txtCantidad1" class="form-control" type="number" value="1" /></br></td>
        										</tr>
        										<tr>
        											<td><strong>Vendedor:</strong></td>
        											<td>bhc dbckhjdcb sdhcf bwkhjjhn</td>
        										</tr>
												<tr>
													<td><strong>Consulta:</strong></td>
													<td>
														<textarea name="txtConsulta" class="form-control" rows="3"></textarea><br>
													</td>
												</tr>
												<tr>
													<td colspan="2" align="right"><input type="submit" class="btn btn-primary" value="Preguntar"></td>
												</tr>
        									</table>
        								</form>
        							</div>	        							
        						</div>
        						<br>
							<table class="table" width="100%">
							  <tbody>
							    <tr class="success">
							      <td>Respuestas uno a tu pregunta</td>
							    </tr>
							    <tr>
							     <td>Respuestas dos a tu pregunta</td>
							    </tr>
							    <tr class="success">
							      <td>Respuestas tres a tu pregunta</td>
							    </tr>
 							  </tbody>
							</table>
						      </div>
						      <div class="modal-footer">
						        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
						        <input type="submit" class="btn btn-primary" value="Comprar">
						      </div>
						    </div>
						  </div>
						</div>						
			        </p>
			      </div>
			    </div>
			</div>
			<div class="col-sm-4 col-md-2">
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Lenovo</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal2">
	  						Ver detalles
						</button>
						<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						  <div class="modal-dialog">
						    <div class="modal-content">
						      <div class="modal-header">
						        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						        <h4 class="modal-title" id="myModalLabel">Detalles de la publicaci&oacute;n</h4>
						      </div>
						      <div class="modal-body">
								<div class="row">
        							<div class="col-md-4">
        								<img alt="Tablet" src="img/tablet.jpg">
        							</div>
        							<div class="col-md-8">
        								<form name="detallepublicacion" methos="post" action="">.
        									<table witdh="100%">
        										<tr>
        											<td width="35%"><strong>Titulo:</strong></td>
        											<td>Tablet Lenovo</td>
        										</tr>
        										<tr>
        											<td><strong>Descripci&oacute;n:</strong></td>
        											<td>Detalles t&eacute;cnicos del Tablet Lenovo</td>
        										</tr>
        										<tr>
        											<td><strong>Estado:</strong></td>
        											<td>Nuevo</td>
        										</tr>				
        										<tr>
        											<td><strong>Precio:</strong></td>
        											<td>S/. 53.9</td>
        										</tr>        	
        										<tr>
        											<td><strong>Cantidad:</strong></td>
        											<td><input name="txtCantidad2" id="txtCantidad2" class="form-control" type="number" value="1" /></br></td>
        										</tr>
        										<tr>
        											<td><strong>Vendedor:</strong></td>
        											<td>bhc dbckhjdcb sdhcf bwkhjjhn</td>
        										</tr>
												<tr>
													<td><strong>Consulta:</strong></td>
													<td>
														<textarea name="txtConsulta" class="form-control" rows="3"></textarea><br>
													</td>
												</tr>
												<tr>
													<td colspan="2" align="right"><input type="submit" class="btn btn-primary" value="Preguntar"></td>
												</tr>        										       										
        									</table>
        								</form>
        							</div>	        							
        						</div>
								
						      </div>
						      <div class="modal-footer">
						        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
						        <input type="submit" class="btn btn-primary" value="Comprar">
						      </div>
						    </div>
						  </div>
						</div>						
			        </p>
			      </div>
			    </div>
			</div>
			<div class="col-sm-4 col-md-2">			    
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Ipad</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal3">
	  						Ver detalles
						</button>
			
			        </p>
			      </div>
			    </div>
			</div>
			<div class="col-sm-4 col-md-2">			    
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Ipad</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal4">
	  						Ver detalles
						</button>
					
			        </p>
			      </div>
			    </div>
			</div>
			<div class="col-sm-4 col-md-2">			    
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Ipad</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal5">
	  						Ver detalles
						</button>
			        </p>
			      </div>
			    </div>
			</div>
			<div class="col-sm-4 col-md-2">			    
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Ipad</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal6">
	  						Ver detalles
						</button>
			        </p>
			      </div>
			    </div>					    
	    	</div>	    	
	    </div>
	    </br>
		<div class="row">
			<div class="col-sm-4 col-md-2">
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Ipad</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal7">
	  						Ver detalles
						</button>
			        </p>
			      </div>
			    </div>
			</div>
			<div class="col-sm-4 col-md-2">
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Ipad</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal8">
	  						Ver detalles
						</button>
			        </p>
			      </div>
			    </div>
			</div>
			<div class="col-sm-4 col-md-2">			    
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Ipad</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal9">
	  						Ver detalles
						</button>
			        </p>
			      </div>
			    </div>
			</div>
			<div class="col-sm-4 col-md-2">			    
			    <div class="thumbnail">
			      <img src="img/tablet.jpg" alt="Tablet">
			      <div class="caption">
			        <h4>Table Ipad</h4>
			        <p>
				        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal10">
	  						Ver detalles
						</button>
			        </p>
			      </div>
			    </div>
			</div>
		</div>	    
		<%@include file="informacion.jsp"%>
		<%@include file="pie.jsp"%>			      
	</div>
	<!-- Bootstrap core JavaScript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->

	 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery-1.10.2.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap-3.0.0.js"></script>
</body>
</html>